<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>回调界面</title>

    <!--集成vue和axios，还要axios全局配置（导入common.js）-->
    <!--script src方式引入vue和axios-->
    <script src="js/plugins/vue/dist/vue.js"></script>
    <script src="js/plugins/axios/dist/axios.js"></script>
    <!--全局配置，以后只要用vue+axios的页面都引入common.js-->
    <script src="js/common.js"></script>
</head>
<body>
    <div id="myDiv">

    </div>
    <script type="text/javascript">
        //我们需要将div也就是相当于整个页面挂载
        new Vue({
            el:"#myDiv",
            //我们需要再页面加载完毕进行数据处理
            mounted(){
                //我们需要解析参数对象，从路径中解析拿到我们需要的参数对象
                //先获取路径
                let url = location.href; //http://bugtracker.itsource.cn/callback.html?code=011sS0000gRmGK1LaU300gLhr81sS00v&state=1
                //解析为参数对象
                let pramObj = pram2PramObj(url);
                //接下来我们需要发送请求参数，我们需要两个两个参数一个code，一个binderUrl
                // 好获取回来我们需要的access_token
                let binderUrl = "http://bugtracker.itsource.cn/binder.html"
                let prams = {"code":pramObj.code,"binderUrl":binderUrl}

                //发起微信登陆的请求
                this.$http.post("/login/wechat",prams)
                    .then(result=>{
                        result=result.data;
                        //先看是否有关联
                        if(result.success){//关联直接登录
                            //提示
                            alert("登录成功")
                            //把token和loginInfo存入localStorage
                            //在此我们先使用结构函数将其拿出来
                            let{token,loginInfo}=result.resultObj;
                            localStorage.setItem("token",token);
                            //把loginInfo的对象转换为json字符窜存入
                            localStorage.setItem("loginInfo",JSON.stringify(loginInfo))
                            //都成功直接跳转到主页面
                            location.href="/index.html"
                        }else {
                            //没有关联就跳转到关联页面
                           //取出从后台设置进去的绑定路径
                            let url = result.resultObj;
                            location.href = url;
                        }
                    })
                    .catch(result=>{
                        alert("系统错误");
                        console.log(result);
                    })
            }
        });
    </script>

</body>
</html>